<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 启用360浏览器的极速模式(webkit) – -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 若开启长按无法复制链接-->
    <!--meta name="browsermode" content="application"-->
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!--网站开启对web app程序的支持-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--在web app应用下状态条（屏幕顶部条）的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!--移动web页面是否自动探测电话号码-->
    <!--<meta http-equiv="x-rim-auto-match" content="none">-->
    <!--手机号码显示为拨号链接-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="max-age=300" />
    <meta http-equiv="Expires" content="300" />
    <title>8号金融街</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/ceping.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <script src="../js/common.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
    <script src="../assets/better-scroll/bscroll.min.js"></script>
</head>
<body>
<div class="submit-question">
    <a href="#">没有找到想要的测评的平台？点这里提交测评信息~</a>
</div>
<div class="tabs">
    <div class="nav-swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide active" onclick="switchType(this)">综合排序</div>
            <div class="swiper-slide" onclick="switchType(this)">国资系</div>
            <div class="swiper-slide" onclick="switchType(this)">风投系</div>
            <div class="swiper-slide" onclick="switchType(this)">银行系</div>
            <div class="swiper-slide" onclick="switchType(this)">上市系</div>
            <div class="swiper-slide" onclick="switchType(this)">民营系</div>
        </div>
    </div>
</div>
<div class="block-cp" id="listWrapper">
    <ul class="cp-wrapper">
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
        <li class="cp-item">
            <a href="#">
                <div class="cp-item-left">
                    <img src="" alt="">
                </div>
                <div class="cp-item-right">
                    <h5>【视频】中融投如此高返利，投资风险性有多高？</h5>
                    <p class="cp-time">测评时间：2017-05-25</p>
                </div>
            </a>
        </li>
    </ul>
</div>

<!--底部-->
<div class="footer">
    <div class="footer-item active">
        <a href="#">
            <div class="icon-wrapper active">
                <i class="basefont"></i>
            </div>
            <span>首页</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="licai"></i>
            </div>
            <span>理财</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="ceping"></i>
            </div>
            <span>测评</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="center"></i>
            </div>
            <span>我的</span>
        </a>
    </div>
</div>
<script src="../js/ceping.js"></script>
</body>
<script>
    var wrapper1 = document.querySelector("#listWrapper")
    var scroll1 = new BScroll(wrapper1, {
        probeType: 1,
        click: true,
    })

    function switchType(obj) {
        $(obj).addClass('active').siblings().removeClass('active');
    }
</script>
</html>